Widget、RenderObject 与 Element
Widget、RenderObject 与 Element我们在学习 Flutter 的时候，可能经常看到三个名词： Widget、RenderObject 和 Element ，弄懂这几个概念可能也是入门 Flutter 框架原理的第一步。一、 Widget在 Flutter 中，万物皆是 Widget，无论是可见的还是功能型的，那么 Widget 究竟是什么呢？按照惯例，先看官方文档。Widget 的作...
2024-01-10
Flutter渲染之Widget、Element 和 RenderObject
提出问题用Flutter写界面写了一段时间了，感觉很爽，尤其是热加载功能，节省了大把时间，声明式的编程方式也是以后的趋势。现在基本熟练以后一些简单的效果能很快写出来，即使没见过的也可以在网上搜一下找到答案，但是感觉没有深入底层了解，有些问题还是一知半解，这些问题比如以下几个...
2024-01-10
vue ref 和 $refs 和原生的document.getElementById
如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，console.log(this.$refs.input1)//<i...
2024-01-10
element-ui table span-method(行合并)的实现代码
element-ui官网中关于行合并的例子是根据行号进行合并的，这显然不符合我们日常开发需求，因为通常我们table中的数据都是动态生成的，所以需要做一些修改。我们首先解读一下官网实例中的各参数的意义：objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { //用于设置要合并的列 ...
2024-01-10
【element-ui】element el-dialog下的table怎么默认选中
el-dialog下的table怎么默认选中，下面是代码<el-dialog title="配置" :visible.sync="conVisible" width="300" :before-close="optHandleClose"> <el-form :label-position="'left'" label-width="100px"> <el-form-item label="功能名称"> <el-input type="text" v-model="...
2024-01-10TypeError document.getElementById(...) is null错误原因
今天手写了一个简单的页面做测试用，写完js部分总是报 TypeError document.getElementById(...) is null 这个错误，代码看了几遍，语法上没找着什么错误，没办法，就在互联网上搜索了一下，才发现 document.getElementById 这个根据id找节点的语法写法还是有点讲究的，具体如下：（1）如果写在 id 所在节点的前面，...
2024-01-10
element admin token过期怎么返回登录页面
response => {const res = response.datalet that = this;if (res.code !=0 && !(res instanceof Blob)) {Message({message: res.msg || 'Error',type: 'error',duration: 5 * 1000})if (res.code === -10) {console.log('token123', res);that.$store.dispatch('user/logout'...
2024-01-10
【JS】element 封装表格table-column列顺序不对
问题封装表格时表头出现了顺序错乱的情况我这样写的，因为需要自定义列隐藏，所以加了一层div包裹最开始的解决方案过程中发现在最前面加一列就可以解决顺序错乱问题，所以就用了下面图片中的方式来解决用了一段时间后，还是觉得不太舒服，毕竟莫名奇妙多了一行代码后来找度娘看了...
2024-01-10
【element-ui】获取Element-ui table header 的宽度
尝试用了 ref 它返回的是一个组件实例子 然后后面怎么获取header的宽度就不知道怎么处理了...
2024-01-10
【element-ui】vue项目中生成echarts柱状图报invalid dom的错？
1、首先根据网上的方法写个容器,我把它写在了弹窗里：2、引入echarts:3、函数：4、调用：然后打开页面会报这个错：向Dalao请教原因！谢谢！补充：我项目的场景是点击“回款详情”弹框，在弹框中根据接口返回的数据动态生成柱状图！之前的做法是把echarts抽象成组件，然后引入，如下然后发...
2024-01-10
【element-ui】element upload上传图片后台收不到图片信息
<el-form-item label="图片" > <el-upload class="upload-demo" ref="upload" drag :action="form.uploadUrl" :data="form.upLoadData" :onError="uploadError" :onSuccess="uploadSuccess" :before-upload="before...
2024-01-10
Vue element-ui 使用Loading服务按需引入的坑
前言因为开发组件，需要按需引入element-ui的组件，但是v-loading如果按需引入就需要使用element-ui提供的Loading服务来实现，具体属性和用法可以到官网查看，本文记录一下自己使用过程中的一个坑。简单使用全屏加载的方式很简单，不需要参数即可实现，这里讲一下局部加载loading时的简单用法<templat...
2024-01-10
vue-element-admin登陆模块和axios踩坑
最近在做公司的一个后台管理项目，用了vue admin来搭建项目的前端，本人也是个vue的新手，很多都不太理解，各种百度，才搞懂了整个登陆流程接口的替换，因此在此记录一下。所有的重点我都会在代码中的注释里说明。一、登陆接口的替换//这段代码是src/api/user.js中的代码import request from \'@/utils/req...
2024-01-10
【element-ui】elementUI table组件怎么获取勾选的复选框的值
现在想要获取所有复选框的值 翻了下element的文档 没有找到对应获取的方法。也不想通过dom去获取这个值 望大神给点意见。Orz回答：el-table打个ref=multipleTable，然后this.$refs.multipleTable.selection获取勾选列表。...
2024-01-10
【element-ui】el input type=number时，为什么校验长度一直不过
为什么我一直这样通不过<el-form-item label="拉动量:" style="text-align: left;" prop="pullQty"> <el-input v-model="form.pullQty" type="number"></el-input></el-form-item>pullQty: [ { type: "number", max: 8, ...
2024-01-10
【Vue】element中<el-input不更新的问题
数据是从其它地方拿的，拿到时候没有“红框”里的变量，然后在拿的时候我自已定义了这三个变量和值，问题来了，只要是原本有值的<el-input里的可以直接修改，但是我自己赋值的确不行（值改了，只是没有渲染，用this.$forceUpdate()）也不行。回答三个值插入进去之后，用 JSON.parse(JSON.stringify(data)) 转...
2024-01-10
【element-ui】求解答： element-ui input框无法输入值
项目中有个需要， 新建页面， 选择销售要用的支付方式， 并填写其对于的paycode<el-row> <el-form-item label="销售可用支付方式" prop="payway"> <el-checkbox-group v-model="erpSalePayments"> <el-checkbox v-for="item in payWayList" :key="item.cod...
2024-01-10
【element-ui】elementUI table组件中怎么给列的宽度定义最大宽度？
我想要给这列设置最大宽度，使其能够随着图片的数量变化而变化，不至于太空。有没有什么方法能设置列的最大宽度，或者能实现我想要的效果的。求大佬们指导一下，Orz万分感谢！回答：只能设置width,min-width，最大宽度没必要吧，表格列的宽度本身就会随着内容自动撑开...
2024-01-10
【Vue】element 表头筛选功能：怎么使用element的table表格实现
点击客户可以搜索 店铺有下拉选框 这样的搜索怎么使用element 的table表格实现 求助各位大神回答// jsx <el-input value={this.initValue} on-input={this.handleInput} />// methods{ handleInput(val) { this.initValue = val // 然后 做一些其他事情 },}-----------以下为原答案----------------render-header去文...
2024-01-10webpack4 配置 ssr 环境遇到“document is not defined”
最近使用 webpack 4 配置 ssr 环境，发现的问题：ReferenceError: document is not defined本次package.json使用版本信息：{ "vue-loader": "^15.4.2", "mini-css-extract-plugin": "^0.4.3", "webpack": "^4.20.2", "webpack-cli": "^3.1.2" ...}相关代码问题原因：在服务端渲染打包的配置中使用了mini-css-extract-plugi...
2024-01-10
【element-ui】vue element-ui如何设置 el-select 显示的值？
本人在用vue + elUI做一个国际区号的选择下拉框。我想实现在选择显示的时候出现的地区名称，而选择成功之后界面显示的只保留区号，该如何实现这是我写的代码回答：不用:label的写法直接放到option中就可以了...
2024-01-10
vue-element-admin 将多个页面组件化引入同一页面使用
如何实现这个切换交互 组件化页面回答在一个页面中引入两个组件，然后根据条件来显示隐藏// v-show or v-if/else 都可以<AccountManage v-show="account" /><FunAuth v-show="auth" />嵌套路由也可以...
2024-01-10
【Vue】element-ui 中表单验证的trigger有哪些取值？
请问element-ui 中表单验证的trigger除了"blur, change"还有哪些取值？这些可以在哪里找到呢？在http://element-cn.eleme.io/#/...这个上面没有找到详细的描述，只在demo中看到一点回答看了下源码，只内置了这2个trigger还有获取焦点 focus...
2024-01-10
【element-ui】element UI table缩放会在最右边出现微小的缝隙，如何消除？
element-ui中table，缩放的时候，有时候某个比例，在这里会出现微小的缝隙，有没有办法消除这个是由于table和外层div宽度的差别导致的,但是table设置为百分比还是没办法消除...
2024-01-10
